<!--  -->
<template>
  <div class="table-title">Headcount人事总人数</div>
  <el-table :data="tableData" style="width: 100%" border header-cell-class-name="table-header-row" :span-method="objectSpanMethod">
    <el-table-column prop="Sequence" label="序号" width="120" fixed />
    <el-table-column prop="Name" label="姓名 Name" width="120" fixed />
    <el-table-column prop="Facility" label="地点 Facility" width="120" fixed />
    <el-table-column prop="Level" label="级别 Level" width="120" fixed />
    <el-table-column prop="Position" label="职位 Position" width="120" fixed />
    <el-table-column v-for="(item, idx) in tableColumn" :key="idx" :prop="item" :label="item" width="120" />

    <el-table-column fixed="right" label="操作" min-width="80">
      <template>
        <el-button link type="primary">详情</el-button>
      </template>
    </el-table-column>
  </el-table>
</template>
<script setup lang="ts">
import { ref } from 'vue'
import { generateDates } from '../../utils'

defineProps({
  tableHeight: {
    type: Number,
    default: 500,
  },
})
const tableColumn = ref<string[]>([])

tableColumn.value = generateDates('2024-7-8', '2025-2-3', 7, 'yyyy-M-d')
const tableData = [
  {
    Sequence: 'Headcount',
    Name: '',
    Facility: '',
    Level: '',
    Position: '',
    '2024-7-8': 9.1,
    '2024-7-15': 9.2,
    '2024-7-22': 9.3,
    '2024-7-29': 9.4,
    '2024-8-5': 9.5,
    '2024-8-12': 8.0,
    '2024-8-19': 8.0,
    '2024-8-26': 8.0,
    '2024-9-2': 8.0,
    '2024-9-9': 8.0,
    '2024-9-16': 8.0,
    '2024-9-23': 8.0,
    '2024-9-30': 8.0,
    '2024-10-7': 8.0,
    '2024-10-14': 8.0,
    '2024-10-21': 8.0,
    '2024-10-28': 8.0,
    '2024-11-4': 8.0,
    '2024-11-11': 8.0,
    '2024-11-18': 8.0,
    '2024-11-25': 8.0,
    '2024-12-2': 8.0,
    '2024-12-9': 8.0,
    '2024-12-16': 8.0,
    '2024-12-23': 8.0,
    '2024-12-30': 8.0,
    '2025-1-6': 8.0,
    '2025-1-13': 8.0,
    '2025-1-20': 8.0,
    '2025-1-27': 8.0,
    '2025-2-3': 8.0,
  },
  {
    Sequence: '1',
    Name: '韩冬(391X)',
    Facility: '长春',
    Level: ' ',
    Position: '模型主管',
    '2024-7-8': 1,
    '2024-7-15': 1,
    '2024-7-22': 1,
    '2024-7-29': 1,
    '2024-8-5': 1,
    '2024-8-12': 1,
    '2024-8-19': 1,
    '2024-8-26': 1,
    '2024-9-2': 1,
    '2024-9-9': 1,
    '2024-9-16': 1,
    '2024-9-23': 1,
    '2024-9-30': 1,
    '2024-10-7': 1,
    '2024-10-14': 1,
    '2024-10-21': 1,
    '2024-10-28': 1,
    '2024-11-4': 1,
    '2024-11-11': 1,
    '2024-11-18': 1,
    '2024-11-25': 1,
    '2024-12-2': 1,
    '2024-12-9': 1,
    '2024-12-16': 1,
    '2024-12-23': 1,
    '2024-12-30': 1,
    '2025-1-6': 1,
    '2025-1-13': 1,
    '2025-1-20': 1,
    '2025-1-27': 1,
    '2025-2-3': 1,
  },
  {
    Sequence: '2',
    Name: '张敏蕊',
    Facility: '长春',
    Level: '',
    Position: '模型师',
    '2024-7-8': 1,
    '2024-7-15': 1,
    '2024-7-22': 1,
    '2024-7-29': 1,
    '2024-8-5': 1,
    '2024-8-12': 1,
    '2024-8-19': 1,
    '2024-8-26': 1,
    '2024-9-2': 1,
    '2024-9-9': 1,
    '2024-9-16': 1,
    '2024-9-23': 1,
    '2024-9-30': 1,
    '2024-10-7': 1,
    '2024-10-14': 1,
    '2024-10-21': 1,
    '2024-10-28': 1,
    '2024-11-4': 1,
    '2024-11-11': 1,
    '2024-11-18': 1,
    '2024-11-25': 1,
    '2024-12-2': 1,
    '2024-12-9': 1,
    '2024-12-16': 1,
    '2024-12-23': 1,
    '2024-12-30': 1,
    '2025-1-6': 1,
    '2025-1-13': 1,
    '2025-1-20': 1,
    '2025-1-27': 1,
    '2025-2-3': 1,
  },
  {
    Sequence: '3',
    Name: '孙茂源',
    Facility: '长春',
    Level: '',
    Position: '模型师',
    '2024-7-8': 1,
    '2024-7-15': 1,
    '2024-7-22': 1,
    '2024-7-29': 1,
    '2024-8-5': 1,
    '2024-8-12': 1,
    '2024-8-19': 1,
    '2024-8-26': 1,
    '2024-9-2': 1,
    '2024-9-9': 1,
    '2024-9-16': 1,
    '2024-9-23': 1,
    '2024-9-30': 1,
    '2024-10-7': 1,
    '2024-10-14': 1,
    '2024-10-21': 1,
    '2024-10-28': 1,
    '2024-11-4': 1,
    '2024-11-11': 1,
    '2024-11-18': 1,
    '2024-11-25': 1,
    '2024-12-2': 1,
    '2024-12-9': 1,
    '2024-12-16': 1,
    '2024-12-23': 1,
    '2024-12-30': 1,
    '2025-1-6': 1,
    '2025-1-13': 1,
    '2025-1-20': 1,
    '2025-1-27': 1,
    '2025-2-3': 1,
  },
  {
    Sequence: '4',
    Name: '吴兴勇',
    Facility: '长春',
    Level: '',
    Position: '模型师',
    '2024-7-8': 1,
    '2024-7-15': 1,
    '2024-7-22': 1,
    '2024-7-29': 1,
    '2024-8-5': 1,
    '2024-8-12': 1,
    '2024-8-19': 1,
    '2024-8-26': 1,
    '2024-9-2': 1,
    '2024-9-9': 1,
    '2024-9-16': 1,
    '2024-9-23': 1,
    '2024-9-30': 1,
    '2024-10-7': 1,
    '2024-10-14': 1,
    '2024-10-21': 1,
    '2024-10-28': 1,
    '2024-11-4': 1,
    '2024-11-11': 1,
    '2024-11-18': 1,
    '2024-11-25': 1,
    '2024-12-2': 1,
    '2024-12-9': 1,
    '2024-12-16': 1,
    '2024-12-23': 1,
    '2024-12-30': 1,
    '2025-1-6': 1,
    '2025-1-13': 1,
    '2025-1-20': 1,
    '2025-1-27': 1,
    '2025-2-3': 1,
  },
  {
    Sequence: '5',
    Name: '叶霁',
    Facility: '长春',
    Level: '',
    Position: '模型师',
    '2024-7-8': 1,
    '2024-7-15': 1,
    '2024-7-22': 1,
    '2024-7-29': 1,
    '2024-8-5': 1,
    '2024-8-12': 1,
    '2024-8-19': 1,
    '2024-8-26': 1,
    '2024-9-2': 1,
    '2024-9-9': 1,
    '2024-9-16': 1,
    '2024-9-23': 1,
    '2024-9-30': 1,
    '2024-10-7': 1,
    '2024-10-14': 1,
    '2024-10-21': 1,
    '2024-10-28': 1,
    '2024-11-4': 1,
    '2024-11-11': 1,
    '2024-11-18': 1,
    '2024-11-25': 1,
    '2024-12-2': 1,
    '2024-12-9': 1,
    '2024-12-16': 1,
    '2024-12-23': 1,
    '2024-12-30': 1,
    '2025-1-6': 1,
    '2025-1-13': 1,
    '2025-1-20': 1,
    '2025-1-27': 1,
    '2025-2-3': 1,
  },
  {
    Sequence: '6',
    Name: '姜胤泽',
    Facility: '长春',
    Level: '',
    Position: '模型师',
    '2024-7-8': 1,
    '2024-7-15': 1,
    '2024-7-22': 1,
    '2024-7-29': 1,
    '2024-8-5': 1,
    '2024-8-12': 1,
    '2024-8-19': 1,
    '2024-8-26': 1,
    '2024-9-2': 1,
    '2024-9-9': 1,
    '2024-9-16': 1,
    '2024-9-23': 1,
    '2024-9-30': 1,
    '2024-10-7': 1,
    '2024-10-14': 1,
    '2024-10-21': 1,
    '2024-10-28': 1,
    '2024-11-4': 1,
    '2024-11-11': 1,
    '2024-11-18': 1,
    '2024-11-25': 1,
    '2024-12-2': 1,
    '2024-12-9': 1,
    '2024-12-16': 1,
    '2024-12-23': 1,
    '2024-12-30': 1,
    '2025-1-6': 1,
    '2025-1-13': 1,
    '2025-1-20': 1,
    '2025-1-27': 1,
    '2025-2-3': 1,
  },
  {
    Sequence: '7',
    Name: '周宇豪',
    Facility: '长春',
    Level: '',
    Position: '模型师',
    '2024-7-8': 1,
    '2024-7-15': 1,
    '2024-7-22': 1,
    '2024-7-29': 1,
    '2024-8-5': 1,
    '2024-8-12': 1,
    '2024-8-19': 1,
    '2024-8-26': 1,
    '2024-9-2': 1,
    '2024-9-9': 1,
    '2024-9-16': 1,
    '2024-9-23': 1,
    '2024-9-30': 1,
    '2024-10-7': 1,
    '2024-10-14': 1,
    '2024-10-21': 1,
    '2024-10-28': 1,
    '2024-11-4': 1,
    '2024-11-11': 1,
    '2024-11-18': 1,
    '2024-11-25': 1,
    '2024-12-2': 1,
    '2024-12-9': 1,
    '2024-12-16': 1,
    '2024-12-23': 1,
    '2024-12-30': 1,
    '2025-1-6': 1,
    '2025-1-13': 1,
    '2025-1-20': 1,
    '2025-1-27': 1,
    '2025-2-3': 1,
  },
  {
    Sequence: '8',
    Name: '杨嘉兴',
    Facility: '长春',
    Level: '',
    Position: '模型师',
    '2024-7-8': 1,
    '2024-7-15': 1,
    '2024-7-22': 1,
    '2024-7-29': 1,
    '2024-8-5': 1,
    '2024-8-12': 1,
    '2024-8-19': 1,
    '2024-8-26': 1,
    '2024-9-2': 1,
    '2024-9-9': 1,
    '2024-9-16': 1,
    '2024-9-23': 1,
    '2024-9-30': 1,
    '2024-10-7': 1,
    '2024-10-14': 1,
    '2024-10-21': 1,
    '2024-10-28': 1,
    '2024-11-4': 1,
    '2024-11-11': 1,
    '2024-11-18': 1,
    '2024-11-25': 1,
    '2024-12-2': 1,
    '2024-12-9': 1,
    '2024-12-16': 1,
    '2024-12-23': 1,
    '2024-12-30': 1,
    '2025-1-6': 1,
    '2025-1-13': 1,
    '2025-1-20': 1,
    '2025-1-27': 1,
    '2025-2-3': 1,
  },
  {
    Sequence: '9',
    Name: '薛娇',
    Facility: '长春',
    Level: '',
    Position: '模型师',
    '2024-7-8': 1,
    '2024-7-15': 1,
    '2024-7-22': 1,
    '2024-7-29': 1,
    '2024-8-5': 1,
    '2024-8-12': 1,
    '2024-8-19': 1,
    '2024-8-26': 1,
    '2024-9-2': 1,
    '2024-9-9': 1,
    '2024-9-16': 1,
    '2024-9-23': 1,
    '2024-9-30': 1,
    '2024-10-7': 1,
    '2024-10-14': 1,
    '2024-10-21': 1,
    '2024-10-28': 1,
    '2024-11-4': 1,
    '2024-11-11': 1,
    '2024-11-18': 1,
    '2024-11-25': 1,
    '2024-12-2': 1,
    '2024-12-9': 1,
    '2024-12-16': 1,
    '2024-12-23': 1,
    '2024-12-30': 1,
    '2025-1-6': 1,
    '2025-1-13': 1,
    '2025-1-20': 1,
    '2025-1-27': 1,
    '2025-2-3': 1,
  },
  {
    Sequence: '10',
    Name: '孙天乙',
    Facility: '长春',
    Level: '6月底已离职',
    Position: '模型师',
    '2024-7-8': 1,
    '2024-7-15': 1,
    '2024-7-22': 1,
    '2024-7-29': 1,
    '2024-8-5': 1,
    '2024-8-12': 1,
    '2024-8-19': 1,
    '2024-8-26': 1,
    '2024-9-2': 1,
    '2024-9-9': 1,
    '2024-9-16': 1,
    '2024-9-23': 1,
    '2024-9-30': 1,
    '2024-10-7': 1,
    '2024-10-14': 1,
    '2024-10-21': 1,
    '2024-10-28': 1,
    '2024-11-4': 1,
    '2024-11-11': 1,
    '2024-11-18': 1,
    '2024-11-25': 1,
    '2024-12-2': 1,
    '2024-12-9': 1,
    '2024-12-16': 1,
    '2024-12-23': 1,
    '2024-12-30': 1,
    '2025-1-6': 1,
    '2025-1-13': 1,
    '2025-1-20': 1,
    '2025-1-27': 1,
    '2025-2-3': 1,
  },
]
const objectSpanMethod = ({ rowIndex, columnIndex }: any) => {
  if (rowIndex === 0) {
    if (columnIndex === 1) {
      return [1, 1]
    } else if (columnIndex === 1) {
      return [0, 0]
    }
  }
}
</script>
<style scoped lang="scss"></style>
